<template>
	<view class="head">
		<view class="box1">
			<image class="img1" src="../../static/iamges/tubiaox.png" mode=""></image>
		</view>
		<view  class="box2">{{currentDetails.currentProductName}}</view>
		<view class="box3">
			<image src="../../static/iamges/jijin/kefu@2x.png" mode=""></image>
		</view>
	</view>
</template>

<script>
	import {
		createNamespacedHelpers
	} from 'vuex';
	const {
		mapState,
		mapMutations,
		mapActions
	} = createNamespacedHelpers('licai');
	export default {
		name:"heads",
		computed:{
			...mapState(['currentDetails'])
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
.head{
	padding: 0px 20rpx;
	height: 80rpx;
	
	display: flex;
	.box2{
		width: 70%;
		padding-top: 10rpx;
		
		text-align: center;
		color: #333333;
		font-size: 36rpx;
	}
	.box3{
		width:15%;
		
		text-align: center;
		image{
			margin-top: 15rpx;
			width: 48rpx;
			height: 48rpx;
		}
	}
.box1{

	width:15%;
	text-align: center;
	.img1{
		height: 38rpx;
		width: 22rpx;
		margin-top: 20rpx;
	}
}	
		
	
}
</style>
